<div class="footer">
  <div class="content">
    <div class="fnav">
      <div class="tit">主营业务</div>
      {pc:content action="category" catid="8" num="25" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        <a href="{$r['url']}">
        {$r[catname]}
        </a> 
        {/loop}
        {/pc}
    </div>
    <div class="fnav">
      <div class="tit">{$CATEGORYS[2][catname]}</div>
      {pc:content action="category" catid="2" num="25" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        <a href="{$r['url']}">
        {$r[catname]}
        </a> 
        {/loop}
        {/pc}
    </div>
    <div class="fnav">
      <div class="tit">{$CATEGORYS[7][catname]}</div>
      {pc:content action="category" catid="7" num="25" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        <a href="{$r['url']}">
        {$r[catname]}
        </a> 
        {/loop}
        {/pc}
    </div>
    <div class="fnav">
      <div class="tit">{$CATEGORYS[6][catname]}</div>
      {pc:content action="category" catid="6" num="25" siteid="$siteid" order="listorder ASC"}
        {loop $data $r}
        <a href="{$r['url']}">
        {$r[catname]}
        </a> 
        {/loop}
        {/pc}
    </div>
    <div class="fcon">
      <div class="tit">联络我们</div>
      <div class="nr">  {pc:block pos="contact"}{/pc}
      </div>
    </div>
    <div class="clean"></div>
  </div>
  <div class="banq">
    <div class="content"> {pc:block pos="copyright"}{/pc}</div>
  </div>
</div>
<div class="Bottomerkg"></div>
<div class="Bottomer">
  <nav class="BottomList">
    <ul>
      <li><a href="/"><img src="{HOME_PATH}images/bottom-home.png"></a><span>首页</span></li>
      <li><a href="{$CATEGORYS[2][url]}"><img src="{HOME_PATH}images/bottom-about.png"></a><span>{$CATEGORYS[2][catname]}</span></li>
      <li><a href='tel:{pc:block pos="phone"}{/pc}'><img src="{HOME_PATH}images/bottom-phone.png"></a><span>拨打电话</span></li>
      <li><a href='https://wpa.qq.com/msgrd?v=3&amp;uin={pc:block pos="qq"}{/pc}&amp;site=qq&amp;menu=yes'><img src="{HOME_PATH}images/bottom-qq.png"></a><span>QQ</span></li>
    </ul>
  </nav>
</div>
<script data-cfasync="false" src="{HOME_PATH}js/email-decode.min.js"></script> 
<script type="text/javascript" src="{HOME_PATH}js/web.js"></script> 
<script type="text/javascript" src="{HOME_PATH}js/jquery.waypoints.min.js"></script> 
<script type="text/javascript" src="{HOME_PATH}js/jquery.countup.min.js"></script> 
<script type="text/javascript">
    	$('.timer').countUp();
    </script>
<style type="text/css">
.client-2{position:fixed;right:-170px;bottom:20%;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:62px;position:relative}
.client-2 li i{background:url({HOME_PATH}images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center}
.client-2 li p{height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{float:left;width:62px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:14px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#03a3e6;color:#fff;height:53px;width:230px;padding:9px 0 0;float:left}
.client-2 .my-kefu-main{background:#03a3e6;width:97px;height:53px;position:relative;padding:9px 0 0;float:left}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
</style>
<div class="client-2">
  <ul id="client-2">
    <li class="my-kefu-tel">
      <div class="my-kefu-tel-main">
        <div class="my-kefu-left"> <i></i>
          <p> 服务热线 </p>
        </div>
        <div class="my-kefu-tel-right" phone400="">{pc:block pos="phone"}{/pc}</div>
      </div>
    </li>
    <li class="my-kefu-qq">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a class="online-contact-btn" href='https://wpa.qq.com/msgrd?v=3&amp;uin={pc:block pos="qq"}{/pc}&amp;site=qq&amp;menu=yes' qq="" target="_blank"> <i></i>
          <p>在线咨询</p>
          </a> </div>
        <div class="my-kefu-right"></div>
      </div>
    </li>
    <li class="my-kefu-weixin">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a class="online-contact-btn"> <i></i>
          <p>微信</p>
          </a> </div>
        <div class="my-kefu-right"></div>
        <div class="my-kefu-weixin-pic">{pc:block pos="wx"}{/pc}</div>
      </div>
    </li>
    <li class="my-kefu-ftop">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a href="javascript:;"> <i></i>
          <p> 返回顶部 </p>
          </a> </div>
        <div class="my-kefu-right"> </div>
      </div>
    </li>
  </ul>
</div>
<script type="text/javascript">
$(function() {
	var time;
	$('.client-2').css({
		'marginTop': -($('.client-2').height() / 2)
	});
	$('#client-2 li').on({
		'mouseenter': function() {
			var scope = this;
			time = setTimeout(function() {
				var divDom = $(scope).children('div');
				var maxWidth = divDom.width();
				$(scope).stop().animate({
					left: 77 - maxWidth
				}, 'normal', function() {
					var pic = $(scope).find('.my-kefu-weixin-pic');
					if (pic.length > 0) {
						pic.show()
					}
				})
			}, 100)
		},
		'mouseleave': function() {
			var pic = $(this).find('.my-kefu-weixin-pic');
			var divDom = $(this).children('div');
			var maxWidth = divDom.width();
			if (pic.length > 0) {
				pic.hide()
			}
			clearTimeout(time);
			var divDom = $(this).children('div');
			$(this).stop().animate({
				left: 0
			}, "normal", function() {})
		}
	});
	$(window).scroll(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		var eltop = $("#client-2").find(".my-kefu-ftop");
		if (scrollTop > 0) {
			eltop.show()
		} else {
			eltop.hide()
		}
	});
	$("#client-2").find(".my-kefu-ftop").click(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		if (scrollTop > 0) {
			$("html,body").animate({
				scrollTop: 0
			}, "slow")
		}
	})
});
</script> 